@mixin flex-left($direction: row) {
    display: flex;
    flex-direction: $direction;
    align-items: center;
    justify-content: flex-start;
}

@mixin flex-right($direction: row) {
    display: flex;
    flex-direction: $direction;
    align-items: center;
    justify-content: flex-end;
}

@mixin flex-center($direction: row) {
    display: flex;
    flex-direction: $direction;
    align-items: center;
    justify-content: center;
}

@mixin flex-space-between($direction: row) {
    display: flex;
    flex-direction: $direction;
    align-items: center;
    justify-content: space-between;
}

@mixin flex-space-around($direction: row) {
    display: flex;
    flex-direction: $direction;
    align-items: center;
    justify-content: space-around;
}

@mixin ellipsis($lineClamp: 1) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $lineClamp;
    line-clamp: $lineClamp;
    -webkit-box-orient: vertical;
}